.safe_area {
	padding-bottom: constant(safe-area-inset-bottom);
	/*兼容 IOS<11.2*/
	padding-bottom: env(safe-area-inset-bottom);
	/*兼容 IOS>11.2*/
}

// button 格式化样式
.btn_style {
	margin: 0;
	padding: 0;
	background-color: transparent;
	height: 104rpx;
	&::after {
		border: 0;
		height: 104rpx;
	}
}

.m-b-10{
	margin-bottom: 10rpx;
}

.m-t-20{
	margin-top: 20rpx;
}
.m-t-10{
	margin-top: 10rpx;
}

.m-b-20{
	margin-bottom: 20rpx;
}

.m-r-10{
	margin-right: 10rpx;
}

.m-l-10{
	margin-left: 10rpx;
}

.order-card{
	padding: 20rpx;
	margin-right:20rpx;
	margin-left: 20rpx;
	background: #FFFFFF;
	border-radius: 20rpx 20rpx 20rpx 20rpx;
	box-shadow: 0rpx 2rpx 10rpx 0rpx rgba(196,81,45,0.1);
}

.order-header-title{
	font-weight: 500;
	font-size: 38rpx;
	color: #333333;
}

.order-card-title{
	font-weight: 500;
	font-size: 32rpx;
	color: #333333;
}

.footer-content{
	position: fixed;
	bottom: 0;
	background: #fff;
	width: calc(100% - 40rpx);
	padding: 15rpx 20rpx;
	// border: 1px solid #000;
	// position: flex;
}

.prompt-color{
	color: #FF5046;
}
.prompt-auxiliary-color{
	color: #FE791B;
}


.shop-list-box {
	// position: relative;
	.details-list {
		border-radius: 20rpx;
		margin: 0 20rpx 20rpx 20rpx;
		padding: 20rpx;
		background: #FFFFFF no-repeat right;
		background-size: contain;
		background-image: url(http://qianxueapplet.suoeryun.com/world_benefits_user/cardelme.png);

		.details-img-con {
			width: 30%;
			height: 205rpx;
			padding-right: 20rpx;

			.details-img {
				width: 100%;
				height: 100%;
				border-radius: 12rpx;
			}
		}

		.details-item {
			width: calc(100% - (30% + 20rpx));

			.details-title-text {
				font-size: 32rpx;
				color: #333333;
				font-weight: 400;
			}

			.item-content-p-t {
				font-weight: 400;

				.price {
					color: #E03D3C;
					border: 1rpx solid #E03D3C;
					border-radius: 10rpx;
					padding: 5rpx 10rpx;
					margin-right: 10rpx;
					font-size: 20rpx;
				}

				.time {
					color: #FFFFFF;
					background: #FE7E17;
					border-radius: 10rpx;
					padding: 5rpx 10rpx;
					font-size: 22rpx;
				}
			}

			.item-content-desc {
				font-size: 24rpx;
				font-weight: 400;
				color: #333333;

				.desc-cont {
					padding-right: 25rpx;
				}
			}

			.item-content-bottom {
				font-size: 22rpx;
				background: #FEF4D0;
				border-radius: 6rpx;
				padding: 15rpx 0;
				position: relative;
				overflow: hidden;
				font-weight: 400;

				.bottom-item {
					color: #333333;
					padding-left: 15rpx;

					.num {
						color: #FF5046;
					}

					.sign {
						font-size: 20rpx;
						color: #2CBF4F;
						border: 1rpx solid #2CBF4F;
						border-radius: 10rpx;
						padding: 5rpx 15rpx;
						margin-left: 20rpx;
					}
				}

				.bottom-btn {
					position: absolute;
					font-weight: 500;
					width: 30%;
					padding: 15rpx 0;
					color: #FFFFFF;
					text-align: center;
					background: #FF5046;
					top: 0;
					right: 0;
				}
			}
		}
	}

	.list-bgimg-elme {
		background-image: url(http://qianxueapplet.suoeryun.com/world_benefits_user/cardelme.png);
	}

	.list-bgimg-meituan {
		background-image: url(http://qianxueapplet.suoeryun.com/world_benefits_user/cardmeituan.png);
	}

	.list-bgimg-douyin {
		background-image: url(http://qianxueapplet.suoeryun.com/world_benefits_user/carddouyin.png);
	}
}


// 页面固定按钮
.fixed_btn {
	position: fixed;
	bottom: 35px;
	right: 12px;
	// box-shadow: 0 10rpx 15rpx 0 rgba(235, 20, 73, 0.3);
	border-radius: 50%;
	z-index: 9999;

	.fixed_btn_img {
		height: 55px;
		width: 55px;
	}
}